<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人资料</title>
    <link rel="stylesheet" type="text/css" href="./css/style.css">
</head>
<body class="information">
    <div class="header">
        <p id="top">
            <span class="left">亲，<a href="#">请注册</a>&nbsp;&nbsp;<a href="#">免费注册</a></span>
            <span class="right">
                <a href="index.html">商城首页</a>&nbsp;&nbsp;&nbsp;
            <img src="img/information/个人中心 - 选中.png" height="12" width="12"/>
            <a href="information.html">个人中心</a>&nbsp;&nbsp;&nbsp;
            <img src="img/information/购物车.png" height="12" width="12"/>
            <a href="cart.html">购物车0</a>&nbsp;&nbsp;&nbsp;
            <img src="img/information/收 藏.png" height="12" width="12"/>
            <a href="collection.html">收藏夹</a>
            </span>
        </p>
        <div id="se">
            <img src="img/information/logo1.png" height="87" width="166" id="logo"/>
            <div id="serach_f">搜索
                <a href="search.html">
                <div id="serach">
                    搜索
                </div>
                </a>
            </div>
        </div>
        <ul class="banner clearfix">
        <div id="kind">
            全部种类
        </div>
        <li><a href="index.html">首页 </a> <span>|</span></li>
        <li><a href="index.html">闪购 </a><span>|</span></li>
        <li><a href="index.html">限时购 </a><span>|</span></li>
        <li><a href="index.html">团购 </a><span>|</span></li>
        <li><a href="index.html">大包装 </a><span>|</span></li>
    </ul>
        <div class="weal">
            <div class="box1">
            </div>
            <div class="box2">
                我的福利&nbsp;>
            </div>
        </div>
    </div>
    <p class="line"></p>
    <div class="main">
        <div class="nav">
        <p class="personal">
            个人中心</p>
            <p id="per">
            个人资料</p>
            <ul >
                <li><a href="information.html" class="link">个人信息</a></li>
                <li><a href="safe.html">安全设置</a></li>
                <li><a href="address.html">地址管理</a></li>
                <li><a href="pay_m.html">快捷支付</a></li>
            </ul>

            <p id="deal">
                我的交易</p>
            <ul >
                <li><a href="Orders.html">订单管理</a></li>
                <li><a href="change.html">退款售后</a></li>
                <li><a href="comment.html">评价商品</a></li>
            </ul>
            <p id="rich">
                我的资产</p>
            <ul >
                <li><a href="#">我的积分</a></li>
                <li><a href="#">优惠券</a></li>
                <li><a href="#">红包</a></li>
                <li><a href="#">账户余额</a></li>
                <li><a href="#">账单明细</a></li>
            </ul>
            <p id="collect">
                我的收藏</p>
            <ul >
                <li><a href="collection.html">收藏</a></li>
            <li><a href="foot.html">足迹</a></li>
            <li><a href="#">红包</a></li>
            </ul>
            <p id="qq">
                在线客服</p>
            <ul >
                <li><a href="#">商品咨询</a></li>
            <li><a href="#">意见反馈</a></li>
            <li><a href="#">我的消息</a></li>
            </ul>
        </div>
        <div class="right clearfix">
            <p class="r_p">个人资料/personal information</p>
            <div class="head clearfix">
            <img src="img/information/头像%20女孩.png"/>
            <div class="clearfix">
            <p>用户名：叮当</p>
            <p><img src="img/information/会员.png"/>&nbsp;&nbsp;会员专享
                </p>
                </div>
            </div>
            <form class="sub" id="tab">

                <p><span>昵称</span><input type="text"placeholder="nickname"/></br>
                   <span id="len">昵称不能超过40个汉字</span>
                </p>
                <p><span>姓名</span><input type="text" placeholder="name"/>
                </p>
                <p><span>性别</span>
                    <label id="sex"><input type="radio"   name="sex"/>男&nbsp;&nbsp;<input type="radio" name="sex"/>女&nbsp;&nbsp;<input type="radio" name="sex"/>保密 </label></p>
             <p id="bir"><span>生日</span>
                     <input id ="year" type="text"/>
                    年
                   &nbsp;<input type="text" id="month"/>月
                    <input type="text" id="day"/> 日
             </p>
                <ul class="ul1">
                    <li><i>2015</i> <span>✔</span></li>
                    <li><i>2014</i><span>✔</span></li>
                </ul>
                <ul class="ul2">
                    <li><i>1</i><span>✔</span></li>
                    <li><i>2</i><span>✔</span></li>
                </ul>
                <ul class="ul3">
                    <li><i>13</i><span>✔</span></li>
                    <li><i>14</i><span>✔</span></li>
                </ul>


                <p><span>电话</span><input type="text" placeholder="155********"/> </p>
                <p><span>电子邮箱</span><input type="text" placeholder="1233555@163.com"/> </p>
                    <div>保存修改</div>
            </form>
        </div>
    </div>
    <div class="footer">
        <p class="p1"><a href="index.html">WE SHOP</a><span>|</span><a href="index.html">商城首页</a><span>|</span><a href="#">支付宝</a><span>|</span><a href="#">物流</a></p>
        <p class="p2"><a href="#">关于我们</a><a href="#">合作伙伴</a><a href="#">联系我们</a><a href="#">网站地图</a></p></div>
    <script src="js/lib/jquery.min.js"></script>
    <script src="js/information.js"></script>
    <script src="js/zdmy.js"></script>
</body>
</html>